<template>
	<div>
		<el-row>
		  <el-col :span="2">
			  <el-avatar style="margin-left: 20%; margin-top: 20%" :size="50" :src="avatarUrl"></el-avatar>
		  </el-col>
		  <el-col :span="222">
			  <h3 v-text="username"></h3>
			  <p v-text="comment"></p>
		  </el-col>
		</el-row>
		<el-divider></el-divider>
	</div>
</template>

<script>
export default {
	name: 'CommentBox',
	props: {
		avatarUrl: String,
		username: String,
		comment: String
	}
}
</script>